﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Easyui扩展库 Panel - 落阳 整理</title>
    <link href="http://www.easyui-extlib.com/Content/Site.css" rel="stylesheet" />
    <script src="http://www.easyui-extlib.com/Scripts/jquery/jquery-1.11.0.min.js"></script>
    <script src="http://www.easyui-extlib.com/Scripts/jquery-extensions/jquery.jdirk.js"></script>
    <link href="http://www.easyui-extlib.com/Scripts/jquery-easyui/jquery-easyui-1.4.3/themes/default/easyui.css" rel="stylesheet" />
    <link href="http://www.easyui-extlib.com/Scripts/jquery-easyui/jquery-easyui-1.4.3/themes/icon.css" rel="stylesheet" />
    <script src="http://www.easyui-extlib.com/Scripts/jquery-easyui/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
    <script src="http://www.easyui-extlib.com/Scripts/jquery-easyui/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>

    <link href="http://www.easyui-extlib.com/Scripts/jquery-easyui-extensions/panel/jeasyui.extensions.panel.css" rel="stylesheet" />
    <script src="http://www.easyui-extlib.com/Scripts/jquery-easyui-extensions/panel/jeasyui.extensions.panel.iframe.js"></script>
    <script>
        $(function () {
            $("#btnGet").click(function () {

                var iframe = $("#panelCenter").panel("iframe");

                alert(iframe.length ? "成功获取到 center 面板中的 iframe 对象，具体查看控制台信息。" : "未能获取到 center 面板中的 iframe 对象");
                console.log(iframe);

            });

        });
    </script>
</head>
<body>
    <div class="easyui-layout" data-options="fit:true">
        <div data-options="region:'west',title:'不嵌套iframe加载IniframeExplain.html',border:false,href:'IniframeExplain.html'" style="width:300px;border-right-width:1px;border-bottom-width:1px;">

        </div>
        <div id="panelCenter" data-options="region:'center',title:'嵌套iframe加载NotFoundIndex.html',iniframe:true,href:'NotFoundIndex.html',border:false" style="border-bottom-width:1px;">

        </div>
        <div data-options="region:'south',title:'南部',border:false" style="height:150px;padding:10px;">
            <a id="btnGet" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取 center 面板中的 iframe 对象，并在 控制台 输出，请用浏览器开发者工具（F12）查看控制台</a>
        </div>
    </div>
</body>
</html>
